import {WeaAlertPage} from 'ecCom';
import {Table} from 'antd';
import Util from '../../../../util/util';
import {WeaLocaleProvider, WeaTablePage, WeaTableEdit} from 'ecCom';
const getLabel = WeaLocaleProvider.getLabel;
import { inject, observer } from 'mobx-react';
import { toJS } from 'mobx';

@inject('meetingDialog')
@observer
class MeetingMemberReceiptTable extends React.Component {
	constructor(props) {
		super(props);
	}
	render() {
    const  { receipFormtVisible ,receiptFormStatus, setReceiptFormStatus} = this.props.meetingDialog
    let { receiptFormCondition , isCrmReceiptDetail, crmCol, datas} = toJS(receiptFormStatus)
      
		return (
			<div className="wea-meeting-service-view">
             
                    <div className="wea-new-table">
                       <WeaTableEdit ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEdit@fa3kdf`}
                        ref='MeetingMemberReceiptTable'
                        title={getLabel(383516,"参会客户代表")}
                        datas={datas}
                        columns={crmCol}
                        onChange={datas => { this.tableEditChange( datas)}}
                        viewAttr={2}
                        tableProps={{scroll: {x: '100%'}}}
                      />
                 
                    </div>
                
            </div>
		);
  }

  tableEditChange = (Datas)=>{
    const  { receipFormtVisible ,receiptFormStatus, setReceiptFormStatus} = this.props.meetingDialog
    setReceiptFormStatus({datas:Datas})
  }
}

export default MeetingMemberReceiptTable;